/*banner背景图片动画*/
@-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
/*banner */
.index_main{position: relative;
	background: #f7f7f7;
}
.index_main .section1{
	background:url(../images/banner1.jpg);
	position: relative;
}

.index_main .section1 .index_banner .item{
	background-size: cover;
	-webkit-background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	height:100vh;
	width: 1300px;
	margin: 0 auto;
	position: relative;
}
.banner_container{height: 100%;position: relative;width: 1300px;margin: 0 auto;}
.index_main .section1 .index_banner .item.slick-current .scaleBg{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	visibility: visible; 
	-webkit-animation:scale-bg 5s linear forwards;
	animation:scale-bg 5s linear forwards;
}

.index_main .section1 .index_banner .items1{background: url(../images/banner1.jpg) no-repeat center top;}
.index_main .section1 .index_banner .items2{background: url(../images/banner2.jpg) no-repeat center top;}
.index_main .section1 .index_banner .items:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;

}
.index_main .section1 .index_banner .item .block_txt{
	color: #fff;
	position: absolute;
	width: 400px;
	top:34%;
	left:0;
	opacity: 0; 
	z-index: 999;
	transform: translateY(40px);
	-webkit-transform: translateY(40px); 
	-webkit-transition: all 500ms ease; 
	transition: all 1000ms ease;

}
.index_main .section1 .index_banner .item.active .block_txt{
	opacity: 1; 
	-webkit-transform: translateY(0); 
	transform: translateY(0); 
	-webkit-transition-delay: 100ms; 
	transition-delay: 100ms;
}
.index_main .section1 .index_banner .item .block_txt h4{

	font-size:40px;
	color: #fff;
	position: relative;
}
.index_main .section1 .index_banner .item .block_txt h4:after{content: '';height:2px;width:45px;background: #ff7737;display: block;position: absolute;bottom:-25px;left: 0;}
.index_main .section1 .index_banner .item .block_txt p{line-height:27px;font-size: 16px;margin-top:44px;}
.banner_an{width:90px;position: absolute;bottom:13%;}
.banner_quan{position: absolute;top:31.5%;left:-3%;z-index: 9;animation: am_o1 3s infinite;}
 @keyframes am_o1 {
            0% {
                transform: translate(0px, 0px);
            }
            50% {
                transform: translate(5px, -7px);
            }
            100% {
                transform: translate(0px, 0px);
            }
        }
.index_main .section1 .left{
	float: left;
}
.index_main .section1 .right{
	float: right;
}
.index_main .section1 .slick_txt:hover .slick_arrow{
	animation: dongtai1 1s linear infinite;
}
@keyframes dongtai1{
	0%{transform: scale(1);}
	25%{transform: scale(1.05);}
	50%{transform: scale(1.1);}
	75%{transform: scale(1.05);}
	100%{transform: scale(1);}
}
.index_main .section1 .slick_txt .slick_arrow{
	width:17px;
	height:29px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}


.index_main .section1 .slick_txt .prev{position: relative;
	background-image:url(../images/ban_prev.png);

}
.index_main .section1 .slick_txt .next{
	background-image:url(../images/ban_next.png);
}
.banner_more{width: 235px;height:65px;border-radius:35px;border: 1px solid #fff;line-height: 68px;font-size:20px;display: block;color: #fff;text-align: center;margin-top:70px;position: relative;z-index: 999;overflow:hidden;}
a.banner_more:hover{background: #ff7737;border: none;color: #fff;}
.banner_more:hover:after {
    left: 1px;
    }
.banner_more:after{
  content: '';

    width: 110%;
    height: 410%;
    position: absolute;
    top: -32px;
    left:254px;
    transform: rotate(52deg);
	background: rgba(255,255,255,0.2);
	transition: 1s;
	z-index: -222;
}
.banner_next{position: relative;bottom:17%;left: 50%;}
.next_quan:hover{animation: dongtai 1.5s linear infinite;cursor: pointer;}
@keyframes dongtai{
	0%{transform: scale(1);}
	25%{transform: scale(1.1);}
	50%{transform: scale(1.2);}
	75%{transform: scale(1.1);}
	100%{transform: scale(1);}
}	
.next_quan{width: 18px;height: 32px;border:1.5px solid #fff ;border-radius: 9px;overflow: hidden;}
.next_span{width:5px;height:8px;display: block;border: 1.5px solid #fff;border-radius:2.5px;margin: 5px auto;animation: allw_dx 1s infinite;position: relative;}
 @keyframes allw_dx{
			from {bottom:30px;}
			to {bottom: -35px;}
        }
@media only screen and (max-width: 1500px){
	.banner_container{left:10%;}
	
}